<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "Service",
  inject: ["getNode"],

  data() {
    return {
      height: 128,
      width: 64,
      title: "Service",
      text: "服务模块"
    };
  },
  computed: {
    nodeStyle() {
      return {
        width: this.width + "px",
        height: this.height + "px"
      };
    }
  },
  mounted() {
    const node = (this as any).getNode();
    this.width = node.getSize().width;
    this.height = node.getSize().height;
    const _text = node.getAttrs().text?.text;
    if (_text) {
      this.text = _text;
    } else {
      node.attr("text/text", this.text);
    }
    node.on("change:attrs", ({ current }: any) => {
      if (current.text) {
        this.text = current.text.text;
      }
    });

    node.on("change:size", ({ current }: any) => {
      const { width, height } = current;
      this.width = width;
      this.height = height;
    });
  }
});
</script>

<template>
  <div class="c-service" :style="nodeStyle">
    <svg
      t="1731200390561"
      class="c-service__svg"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="10997"
      xmlns:xlink="http://www.w3.org/1999/xlink"
    >
      <path d="M0 0h1024v1024H0z" fill="#FFFFFF" opacity=".01" p-id="10998"></path>
      <path
        d="M858.567111 482.076444c32.199111 18.545778 32.312889 48.696889 0 67.242667L568.888889 717.710222a128.227556 128.227556 0 0 1-116.167111 0l-291.384889-168.391111c-32.199111-18.545778-32.312889-48.696889 0-67.242667l289.678222-168.391111a128.227556 128.227556 0 0 1 116.167111 0z"
        fill="#FFFFFF"
        p-id="10999"
      ></path>
      <path
        d="M452.494222 918.414222V717.710222a128 128 0 0 0 116.053334 0l290.474666-168.391111a41.187556 41.187556 0 0 0 23.893334-33.450667L882.232889 716.8a40.732444 40.732444 0 0 1-23.893333 33.336889L568.888889 918.414222a127.317333 127.317333 0 0 1-116.053333 0z m-291.726222-168.391111V549.319111l291.726222 168.391111v200.704zM136.533333 716.8l0.568889-200.817778a41.301333 41.301333 0 0 0 24.234667 34.133334v200.704A41.073778 41.073778 0 0 1 136.533333 716.8z"
        fill="#BABABA"
        p-id="11000"
      ></path>
      <path
        d="M858.567111 482.076444c32.199111 18.545778 32.312889 48.696889 0 67.242667L568.888889 717.710222a128.227556 128.227556 0 0 1-116.167111 0l-291.384889-168.391111c-32.199111-18.545778-32.312889-48.696889 0-67.242667l289.678222-168.391111a128.227556 128.227556 0 0 1 116.167111 0z"
        fill="#FFFFFF"
        p-id="11001"
      ></path>
      <path
        d="M882.801778 515.868444v200.817778a40.732444 40.732444 0 0 1-23.893334 33.336889V549.319111a40.732444 40.732444 0 0 0 23.893334-33.450667"
        fill="#E8684A"
        p-id="11002"
      ></path>
      <path
        d="M161.336889 549.319111v200.704A41.073778 41.073778 0 0 1 136.533333 716.8l0.568889-200.817778a41.301333 41.301333 0 0 0 24.234667 34.133334"
        fill="#E8684A"
        p-id="11003"
      ></path>
      <path
        d="M858.908444 549.319111v200.704L568.888889 918.414222V717.710222z"
        fill="#DEDFE0"
        p-id="11004"
      ></path>
      <path
        d="M452.949333 717.710222l-0.568889 200.704-291.612444-168.391111V549.319111z"
        fill="#DEDFE0"
        p-id="11005"
      ></path>
      <path
        d="M568.888889 717.710222v200.817778a128.227556 128.227556 0 0 1-116.167111 0l0.568889-200.817778a128.227556 128.227556 0 0 0 116.167111 0"
        fill="#E8684A"
        p-id="11006"
      ></path>
      <path
        d="M792.462222 653.880889c2.616889-1.592889 4.778667 0 4.778667 2.730667v68.266666a10.467556 10.467556 0 0 1-4.664889 8.192L648.533333 816.810667c-2.616889 1.479111-4.778667 0-4.778666-2.730667v-68.266667a10.581333 10.581333 0 0 1 4.778666-8.192z m-101.034666 91.022222a10.126222 10.126222 0 0 0 4.664888-8.192c0-2.958222-2.048-4.209778-4.664888-2.730667l-15.928889 9.102223A10.467556 10.467556 0 0 0 671.288889 750.933333c0 3.072 2.161778 4.209778 4.778667 2.730667l15.815111-9.102222M728.177778 723.854222a10.467556 10.467556 0 0 0 4.664889-8.192c0-3.072-2.048-4.323556-4.778667-2.730666l-15.815111 9.102222a10.24 10.24 0 0 0-4.664889 8.192c0 2.958222 2.048 4.209778 4.778667 2.730666l15.815111-9.102222m36.750222-21.276444a10.467556 10.467556 0 0 0 4.664889-8.192c0-2.958222-2.048-4.209778-4.778667-2.730667l-15.815111 9.102222a10.467556 10.467556 0 0 0-4.664889 8.192c0 3.072 2.048 4.209778 4.664889 2.730667l15.928889-9.102222m0 24.803555a10.581333 10.581333 0 0 0 4.778667-8.192c0-3.072-2.161778-4.209778-4.778667-2.730666l-15.815111 9.102222a10.581333 10.581333 0 0 0-4.778667 8.192c0 2.958222 2.161778 4.209778 4.778667 2.730667l15.815111-9.102223M728.177778 748.657778a10.467556 10.467556 0 0 0 4.664889-8.192c0-3.072-2.048-4.323556-4.778667-2.730667l-15.815111 9.102222a10.695111 10.695111 0 0 0-4.778667 8.192c0 2.958222 2.161778 4.209778 4.778667 2.616889l15.815111-9.102222m-36.636444 21.276444a10.467556 10.467556 0 0 0 4.664888-8.192c0-3.072-2.048-4.209778-4.664888-2.730666l-15.928889 9.102222a10.467556 10.467556 0 0 0-4.664889 8.192c0 2.958222 2.161778 4.209778 4.778666 2.730667l15.815112-9.102223"
        fill="#151A1E"
        p-id="11007"
      ></path>
      <path
        d="M728.177778 737.621333c2.616889-1.479111 4.778667 0 4.778666 2.730667a10.353778 10.353778 0 0 1-4.778666 8.192l-15.815111 9.102222c-2.616889 1.592889-4.778667 0-4.778667-2.616889a10.581333 10.581333 0 0 1 4.778667-8.305777z"
        fill="#E8684A"
        p-id="11008"
      ></path>
      <path
        d="M728.177778 712.931556c2.730667-1.592889 4.778667 0 4.778666 2.730666a10.467556 10.467556 0 0 1-4.664888 8.192l-15.815112 9.102222c-2.730667 1.479111-4.778667 0-4.778666-2.730666a10.467556 10.467556 0 0 1 4.664889-8.192z"
        fill="#E8684A"
        p-id="11009"
      ></path>
      <path
        d="M764.814222 691.655111c2.616889-1.479111 4.778667 0 4.778667 2.730667a10.24 10.24 0 0 1-4.778667 8.305778l-15.815111 9.102222c-2.616889 1.479111-4.778667 0-4.778667-2.844445a10.581333 10.581333 0 0 1 4.778667-8.192z"
        fill="#E8684A"
        p-id="11010"
      ></path>
      <path
        d="M764.928 716.8c2.616889-1.479111 4.778667 0 4.778667 2.730667a10.353778 10.353778 0 0 1-4.778667 8.192l-15.815111 9.102222c-2.616889 1.479111-4.778667 0-4.778667-2.616889a10.581333 10.581333 0 0 1 4.778667-8.305778z"
        fill="#E8684A"
        p-id="11011"
      ></path>
      <path
        d="M691.541333 758.897778c2.616889-1.479111 4.664889 0 4.664889 2.730666a10.467556 10.467556 0 0 1-4.664889 8.192l-15.815111 9.102223c-2.616889 1.479111-4.778667 0-4.778666-2.730667a10.24 10.24 0 0 1 4.778666-8.192z"
        fill="#E8684A"
        p-id="11012"
      ></path>
      <path
        d="M691.427556 734.094222c2.616889-1.479111 4.778667 0 4.778666 2.730667a10.581333 10.581333 0 0 1-4.778666 8.192l-15.815112 9.102222c-2.616889 1.479111-4.778667 0-4.778666-2.730667a10.581333 10.581333 0 0 1 4.778666-8.192z"
        fill="#E8684A"
        p-id="11013"
      ></path>
      <path
        d="M347.591111 724.992a10.467556 10.467556 0 0 1 4.664889 8.192v68.266667c0 3.072-2.161778 4.209778-4.778667 2.730666l-144.725333-83.285333a10.581333 10.581333 0 0 1-4.778667-8.192v-68.266667c0-3.072 2.048-4.323556 4.778667-2.730666z m-27.875555 41.642667c2.616889 1.479111 4.778667 0 4.778666-2.844445a10.353778 10.353778 0 0 0-4.778666-8.078222l-15.815112-9.102222c-2.616889-1.592889-4.778667 0-4.778666 2.616889a10.24 10.24 0 0 0 4.778666 8.192l15.815112 9.216m-73.386667-42.439111c2.616889 1.479111 4.778667 0 4.778667-2.730667a11.377778 11.377778 0 0 0-4.778667-8.192l-15.815111-9.102222c-2.616889-1.479111-4.778667 0-4.778667 2.616889a10.24 10.24 0 0 0 4.778667 8.305777l15.815111 9.102223m73.500444 17.635555c2.616889 1.479111 4.664889 0 4.664889-2.730667a10.126222 10.126222 0 0 0-4.664889-8.192l-15.815111-9.102222c-2.616889-1.592889-4.778667 0-4.778666 2.730667a10.467556 10.467556 0 0 0 4.664888 8.192l15.928889 9.102222m-73.500444-42.439111c2.616889 1.479111 4.778667 0 4.778667-2.730667a10.24 10.24 0 0 0-4.778667-8.192l-15.815111-9.102222c-2.616889-1.479111-4.778667 0-4.778667 2.730667a11.377778 11.377778 0 0 0 4.778667 8.192l15.815111 9.102222m36.636444 45.511111c2.616889 1.592889 4.778667 0 4.778667-2.730667a10.353778 10.353778 0 0 0-4.664889-8.078222l-15.928889-9.102222c-2.616889-1.592889-4.664889 0-4.664889 2.616889a10.467556 10.467556 0 0 0 4.664889 8.192l15.815111 9.102222m0-24.803555c2.616889 1.592889 4.778667 0 4.778667-2.616889a10.353778 10.353778 0 0 0-4.778667-8.192l-15.815111-9.102223c-2.616889-1.592889-4.778667 0-4.778666 2.730667a10.353778 10.353778 0 0 0 4.778666 8.078222l15.815111 9.102223"
        fill="#0E1215"
        p-id="11014"
      ></path>
      <path
        d="M246.328889 713.272889a10.353778 10.353778 0 0 1 4.778667 8.192c0 2.958222-2.161778 4.209778-4.778667 2.730667l-15.815111-9.102223a10.24 10.24 0 0 1-4.778667-8.305777c0-2.958222 2.161778-4.209778 4.778667-2.616889z"
        fill="#E8684A"
        p-id="11015"
      ></path>
      <path
        d="M246.442667 688.469333a10.581333 10.581333 0 0 1 4.778666 8.305778c0 2.958222-2.161778 4.209778-4.778666 2.616889l-15.815111-9.102222a10.24 10.24 0 0 1-4.778667-8.192c0-2.958222 2.161778-4.209778 4.778667-2.730667z"
        fill="#E8684A"
        p-id="11016"
      ></path>
      <path
        d="M319.829333 755.712a10.467556 10.467556 0 0 1 4.664889 8.078222c0 3.072-2.161778 4.323556-4.778666 2.844445l-15.815112-9.216a10.24 10.24 0 0 1-4.778666-8.192c0-2.958222 2.161778-4.209778 4.778666-2.616889z"
        fill="#E8684A"
        p-id="11017"
      ></path>
      <path
        d="M319.829333 730.908444a10.353778 10.353778 0 0 1 4.778667 8.192c0 2.958222-2.161778 4.209778-4.778667 2.616889l-15.815111-9.102222a10.126222 10.126222 0 0 1-4.778666-8.192c0-2.958222 2.161778-4.209778 4.778666-2.730667z"
        fill="#E8684A"
        p-id="11018"
      ></path>
      <path
        d="M283.079111 709.632a10.581333 10.581333 0 0 1 4.778667 8.192c0 3.072-2.161778 4.209778-4.778667 2.730667l-15.815111-9.102223a10.353778 10.353778 0 0 1-4.778667-8.192c0-2.958222 2.161778-4.209778 4.778667-2.730666z"
        fill="#E8684A"
        p-id="11019"
      ></path>
      <path
        d="M283.079111 734.435556a10.467556 10.467556 0 0 1 4.664889 8.192c0 3.072-2.161778 4.209778-4.778667 2.730666l-15.815111-9.102222a10.467556 10.467556 0 0 1-4.664889-8.192c0-2.958222 2.161778-4.209778 4.664889-2.730667z"
        fill="#E8684A"
        p-id="11020"
      ></path>
      <path
        d="M831.715556 479.573333c32.085333 18.545778 32.312889 48.696889 0 67.242667l-262.144 152.462222a128 128 0 0 1-116.053334 0l-264.192-152.462222c-32.199111-18.545778-32.312889-48.696889 0-67.242667l262.144-152.576a128 128 0 0 1 116.053334 0z"
        fill="#151A1E"
        p-id="11021"
      ></path>
      <path
        d="M694.954667 479.573333c32.085333 18.545778 32.312889 48.583111 0 67.128889L568.888889 620.088889a128 128 0 0 1-116.053333 0l-126.748445-73.272889c-32.085333-18.659556-32.312889-48.696889 0-67.242667l125.838222-73.386666a128 128 0 0 1 116.053334 0z"
        fill="#5890F8"
        p-id="11022"
      ></path>
      <path
        d="M452.380444 671.971556L160.768 503.466667V302.762667v200.704a41.073778 41.073778 0 0 1-24.234667-34.133334l0.568889-200.704a41.073778 41.073778 0 0 0 24.234667 34.133334c-32.085333-18.545778-32.312889-48.696889 0-67.242667L450.787556 67.128889a128 128 0 0 1 116.053333 0l291.726222 168.391111a40.618667 40.618667 0 0 1 24.234667 34.816v199.793778a40.732444 40.732444 0 0 1-23.893334 33.450666L568.888889 671.971556a119.239111 119.239111 0 0 1-57.912889 13.880888 120.832 120.832 0 0 1-58.595556-13.880888zM512 485.148444a122.083556 122.083556 0 0 0 51.882667-11.377777 122.083556 122.083556 0 0 1-51.882667 11.377777z m-53.134222-11.377777l-3.185778-1.592889 3.185778 1.592889z m107.292444-1.592889l2.730667-1.592889a22.755556 22.755556 0 0 1-2.844445 1.592889z m2.730667-1.592889l289.792-168.391111z m-116.053333 0L161.336889 302.762667z m405.845333-168.391111l1.024-0.568889z"
        fill="#BABABA"
        p-id="11023"
      ></path>
      <path
        d="M882.801778 269.425778v200.704a40.732444 40.732444 0 0 1-23.893334 33.450666V302.762667a40.732444 40.732444 0 0 0 23.893334-33.336889"
        fill="#E8684A"
        p-id="11024"
      ></path>
      <path
        d="M161.336889 302.762667v200.817777a41.073778 41.073778 0 0 1-24.234667-34.133333l0.568889-200.704a41.073778 41.073778 0 0 0 24.234667 34.133333"
        fill="#E8684A"
        p-id="11025"
      ></path>
      <path
        d="M858.908444 302.762667v200.817777L568.888889 671.971556V471.153778z"
        fill="#DEDFE0"
        p-id="11026"
      ></path>
      <path
        d="M453.063111 471.153778v200.817778l-292.295111-168.391112V302.762667z"
        fill="#DEDFE0"
        p-id="11027"
      ></path>
      <path
        d="M568.888889 471.153778v200.817778a128.227556 128.227556 0 0 1-116.167111 0l0.568889-200.817778a127.544889 127.544889 0 0 0 116.167111 0"
        fill="#E8684A"
        p-id="11028"
      ></path>
      <path
        d="M511.203556 473.770667a106.154667 106.154667 0 0 1-52.451556-12.515556l-291.726222-168.391111a30.947556 30.947556 0 0 1-18.545778-23.893333 30.606222 30.606222 0 0 1 18.204444-23.665778l289.792-168.391111a116.622222 116.622222 0 0 1 104.675556 0L853.333333 245.304889a31.288889 31.288889 0 0 1 18.545778 24.007111A30.606222 30.606222 0 0 1 853.333333 292.977778l-289.905777 168.391111a106.154667 106.154667 0 0 1-52.224 12.401778z"
        fill="#FFFFFF"
        p-id="11029"
      ></path>
      <path
        d="M508.700444 75.889778a95.004444 95.004444 0 0 0-46.535111 11.377778L172.373333 255.203556c-9.216 5.347556-12.515556 10.808889-12.515555 13.767111s3.413333 8.647111 12.856889 14.108444l291.726222 168.391111a96.256 96.256 0 0 0 46.762667 11.377778 95.004444 95.004444 0 0 0 46.535111-11.377778l289.792-168.391111c9.216-5.347556 12.515556-10.808889 12.515555-13.767111s-3.413333-8.647111-12.856889-14.108444L555.463111 86.812444a96.256 96.256 0 0 0-46.762667-11.377777m0-22.755556a118.215111 118.215111 0 0 1 58.140445 14.449778l291.726222 168.391111c32.199111 18.545778 32.426667 48.696889 0 67.242667L568.888889 471.153778a127.544889 127.544889 0 0 1-116.167111 0l-291.384889-168.391111c-32.085333-18.545778-32.312889-48.696889 0-67.242667L450.787556 67.128889a117.304889 117.304889 0 0 1 57.912888-13.994667z"
        fill="#E8684A"
        p-id="11030"
      ></path>
      <path
        d="M792.462222 407.324444c2.616889-1.479111 4.778667 0 4.778667 2.730667v68.266667a10.467556 10.467556 0 0 1-4.664889 8.305778L648.533333 570.368c-2.616889 1.479111-4.778667 0-4.778666-2.844444v-68.266667a10.581333 10.581333 0 0 1 4.778666-8.192z m-101.034666 91.022223a10.353778 10.353778 0 0 0 4.664888-8.305778c0-2.958222-2.048-4.209778-4.664888-2.730667l-15.928889 9.102222a10.467556 10.467556 0 0 0-4.664889 8.305778c0 2.958222 2.161778 4.209778 4.778666 2.730667l15.815112-9.102222M728.177778 477.866667a10.467556 10.467556 0 0 0 4.664889-8.192c0-2.958222-2.048-4.209778-4.778667-2.730667l-15.815111 9.102222a10.467556 10.467556 0 0 0-4.664889 8.192c0 3.072 2.048 4.323556 4.778667 2.730667L728.177778 477.866667m36.750222-21.162667a10.467556 10.467556 0 0 0 4.664889-8.192c0-3.072-2.048-4.323556-4.778667-2.730667l-15.815111 9.102223a10.126222 10.126222 0 0 0-4.664889 8.192c0 3.072 2.048 4.209778 4.664889 2.730666l15.928889-9.102222m0 24.803556a10.581333 10.581333 0 0 0 4.778667-8.192c0-3.072-2.161778-4.323556-4.778667-2.730667l-15.815111 9.102222a10.353778 10.353778 0 0 0-4.778667 8.192c0 2.958222 2.161778 4.209778 4.778667 2.616889l15.815111-9.102222M728.177778 502.101333a10.467556 10.467556 0 0 0 4.664889-8.192c0-3.072-2.048-4.209778-4.778667-2.730666l-15.815111 9.102222a11.377778 11.377778 0 0 0-4.778667 8.192c0 3.072 2.161778 4.209778 4.778667 2.730667l15.815111-9.102223M691.541333 523.377778a10.24 10.24 0 0 0 4.664889-8.192c0-2.958222-2.048-4.209778-4.664889-2.730667l-15.928889 9.102222a10.467556 10.467556 0 0 0-4.664888 8.192c0 3.072 2.161778 4.209778 4.778666 2.730667l15.815111-9.102222"
        fill="#151A1E"
        p-id="11031"
      ></path>
      <path
        d="M728.177778 491.178667c2.616889-1.479111 4.778667 0 4.778666 2.730666a10.581333 10.581333 0 0 1-4.778666 8.192l-15.815111 9.102223c-2.616889 1.592889-4.778667 0-4.778667-2.616889a10.581333 10.581333 0 0 1 4.778667-8.305778z"
        fill="#E8684A"
        p-id="11032"
      ></path>
      <path
        d="M728.177778 466.488889c2.730667-1.479111 4.778667 0 4.778666 2.730667A10.126222 10.126222 0 0 1 728.177778 477.866667l-15.815111 9.102222c-2.730667 1.592889-4.778667 0-4.778667-2.730667a10.467556 10.467556 0 0 1 4.664889-8.192z"
        fill="#E8684A"
        p-id="11033"
      ></path>
      <path
        d="M764.814222 445.212444c2.616889-1.592889 4.778667 0 4.778667 2.730667a10.24 10.24 0 0 1-4.778667 8.192l-15.815111 9.102222c-2.616889 1.479111-4.778667 0-4.778667-2.730666a10.581333 10.581333 0 0 1 4.778667-8.192z"
        fill="#E8684A"
        p-id="11034"
      ></path>
      <path
        d="M764.928 470.016c2.616889-1.592889 4.778667 0 4.778667 2.730667a10.581333 10.581333 0 0 1-4.778667 8.192l-15.815111 9.102222c-2.616889 1.479111-4.778667 0-4.778667-2.730667a10.581333 10.581333 0 0 1 4.778667-8.192z"
        fill="#E8684A"
        p-id="11035"
      ></path>
      <path
        d="M691.541333 512c2.616889-1.479111 4.664889 0 4.664889 2.730667a10.24 10.24 0 0 1-4.664889 8.192l-15.815111 9.102222c-2.616889 1.479111-4.778667 0-4.778666-2.616889a10.24 10.24 0 0 1 4.778666-8.305778z"
        fill="#E8684A"
        p-id="11036"
      ></path>
      <path
        d="M691.427556 487.537778c2.616889-1.479111 4.778667 0 4.778666 2.730666a10.581333 10.581333 0 0 1-4.778666 8.305778l-15.815112 9.102222c-2.616889 1.479111-4.778667 0-4.778666-2.730666a10.695111 10.695111 0 0 1 4.778666-8.305778z"
        fill="#E8684A"
        p-id="11037"
      ></path>
      <path
        d="M347.591111 478.435556a10.467556 10.467556 0 0 1 4.664889 8.192v68.266666c0 2.958222-2.161778 4.209778-4.778667 2.616889l-144.725333-83.171555a10.126222 10.126222 0 0 1-4.778667-7.850667v-68.266667c0-3.072 2.048-4.209778 4.778667-2.730666z m-27.875555 41.642666c2.616889 1.479111 4.778667 0 4.778666-2.730666a10.581333 10.581333 0 0 0-4.778666-8.192L303.900444 500.622222c-2.616889-1.479111-4.778667 0-4.778666 2.730667a10.581333 10.581333 0 0 0 4.778666 8.192l15.815112 9.102222M246.328889 477.866667c2.616889 1.592889 4.778667 0 4.778667-2.730667a11.377778 11.377778 0 0 0-4.778667-8.192l-15.815111-9.102222c-2.616889-1.479111-4.778667 0-4.778667 2.730666a10.24 10.24 0 0 0 4.778667 8.192l15.815111 9.102223m73.500444 17.635555c2.616889 1.479111 4.664889 0 4.664889-2.730666a10.126222 10.126222 0 0 0-4.664889-8.192l-15.815111-9.102223c-2.616889-1.479111-4.778667 0-4.778666 2.730667a10.467556 10.467556 0 0 0 4.664888 8.192l15.928889 9.102222m-73.500444-42.666666c2.616889 1.592889 4.778667 0 4.778667-2.616889a10.126222 10.126222 0 0 0-4.778667-8.192l-15.815111-9.102223c-2.616889-1.592889-4.778667 0-4.778667 2.730667a10.467556 10.467556 0 0 0 4.778667 8.078222l15.815111 9.216m36.636444 45.511111c2.616889 1.479111 4.778667 0 4.778667-2.730666a10.695111 10.695111 0 0 0-4.664889-8.192l-15.928889-9.102222c-2.616889-1.479111-4.664889 0-4.664889 2.730666a10.467556 10.467556 0 0 0 4.664889 8.192l15.815111 9.102222m0-24.803555c2.616889 1.479111 4.778667 0 4.778667-2.730667a10.581333 10.581333 0 0 0-4.778667-8.192l-15.815111-9.102222c-2.616889-1.479111-4.778667 0-4.778666 2.730667a10.581333 10.581333 0 0 0 4.778666 8.192l15.815111 9.102222"
        fill="#0E1215"
        p-id="11038"
      ></path>
      <path
        d="M246.328889 466.488889a10.581333 10.581333 0 0 1 4.778667 8.192c0 3.072-2.161778 4.323556-4.778667 2.730667l-15.815111-9.102223a10.24 10.24 0 0 1-4.778667-8.192c0-2.958222 2.161778-4.209778 4.778667-2.730666z"
        fill="#E8684A"
        p-id="11039"
      ></path>
      <path
        d="M246.442667 441.912889a10.581333 10.581333 0 0 1 4.778666 8.305778c0 2.958222-2.161778 4.209778-4.778666 2.616889l-15.815111-9.102223a10.126222 10.126222 0 0 1-4.778667-8.192c0-2.958222 2.161778-4.209778 4.778667-2.730666z"
        fill="#E8684A"
        p-id="11040"
      ></path>
      <path
        d="M319.829333 509.155556a10.695111 10.695111 0 0 1 4.664889 8.192c0 3.072-2.161778 4.209778-4.778666 2.730666l-15.815112-9.102222a10.581333 10.581333 0 0 1-4.778666-8.192c0-3.072 2.161778-4.209778 4.778666-2.730667z"
        fill="#E8684A"
        p-id="11041"
      ></path>
      <path
        d="M319.829333 484.352a10.581333 10.581333 0 0 1 4.778667 8.192c0 3.072-2.161778 4.209778-4.778667 2.730667l-15.815111-9.102223a10.24 10.24 0 0 1-4.778666-8.305777c0-3.072 2.161778-4.209778 4.778666-2.730667z"
        fill="#E8684A"
        p-id="11042"
      ></path>
      <path
        d="M283.079111 463.189333a10.581333 10.581333 0 0 1 4.778667 8.192c0 2.958222-2.161778 4.209778-4.778667 2.730667l-15.815111-9.102222a10.581333 10.581333 0 0 1-4.778667-8.192c0-3.072 2.161778-4.209778 4.778667-2.730667z"
        fill="#E8684A"
        p-id="11043"
      ></path>
      <path
        d="M283.079111 487.992889a10.24 10.24 0 0 1 4.664889 8.192c0 2.958222-2.161778 4.209778-4.778667 2.730667l-15.815111-9.102223a10.467556 10.467556 0 0 1-4.664889-8.305777c0-2.958222 2.161778-4.096 4.664889-2.616889z"
        fill="#E8684A"
        p-id="11044"
      ></path>
      <path
        d="M748.885333 233.016889c32.199111 18.545778 32.312889 48.696889 0 67.242667L568.888889 404.821333a128 128 0 0 1-116.053333 0l-180.679112-104.561777c-32.199111-18.545778-32.312889-48.696889 0-67.242667l179.541334-104.561778a128 128 0 0 1 116.053333 0z"
        fill="#151A1E"
        p-id="11045"
      ></path>
      <path
        d="M641.934222 233.016889c32.199111 18.545778 32.426667 48.696889 0 67.242667L568.888889 342.926222a128 128 0 0 1-116.053333 0l-73.841778-42.666666c-32.085333-18.545778-32.312889-48.696889 0-67.242667l73.272889-42.666667a128 128 0 0 1 116.053333 0z"
        fill="#E8684A"
        p-id="11046"
      ></path>
      <path
        d="M513.137778 941.738667h-2.389334l-1.365333-5.802667v5.688889a127.886222 127.886222 0 0 1-56.092444-12.970667h-1.137778a18.545778 18.545778 0 0 1-2.161778-1.024L157.923556 758.670222a46.876444 46.876444 0 0 1-26.737778-38.229333V519.168a39.025778 39.025778 0 0 1 7.964444-22.755556 47.104 47.104 0 0 1-8.533333-22.755555L131.640889 273.066667A46.876444 46.876444 0 0 1 159.288889 233.927111L448.170667 65.877333a133.916444 133.916444 0 0 1 121.400889 0l292.067555 168.391111a46.421333 46.421333 0 0 1 19.683556 17.180445 36.750222 36.750222 0 0 1 7.395555 21.617778v200.590222a45.511111 45.511111 0 0 1-8.078222 22.755555 54.727111 54.727111 0 0 1 4.551111 6.826667 35.043556 35.043556 0 0 1 3.982222 16.611556v200.590222a46.307556 46.307556 0 0 1-27.192889 38.570667L571.505778 927.061333l-2.616889-4.778666 2.048 5.233777a123.335111 123.335111 0 0 1-57.799111 14.222223z m-3.754667-11.377778h1.592889a114.346667 114.346667 0 0 0 54.499556-13.084445l290.133333-168.504888a35.271111 35.271111 0 0 0 21.048889-29.013334v-200.248889a22.755556 22.755556 0 0 0-2.730667-11.377777 35.726222 35.726222 0 0 0-5.802667-7.964445l-3.413333-3.413333 3.413333-3.982222a34.929778 34.929778 0 0 0 8.305778-19.456V273.294222a25.6 25.6 0 0 0-5.347555-15.36 35.498667 35.498667 0 0 0-15.132445-13.312l-1.251555-0.682666L564.224 75.662222a122.424889 122.424889 0 0 0-110.705778 0l-289.450666 168.391111A35.384889 35.384889 0 0 0 143.018667 273.066667l-0.568889 200.248889a35.498667 35.498667 0 0 0 8.760889 19.797333l3.640889 3.982222-3.868445 3.868445a27.079111 27.079111 0 0 0-7.964444 18.318222l-0.568889 200.590222a35.271111 35.271111 0 0 0 20.821333 28.672l-1.479111 3.527111 1.820444-3.299555 294.570667 169.642666a108.657778 108.657778 0 0 0 51.086222 11.377778z"
        fill="#E8684A"
        p-id="11047"
      ></path>
    </svg>
    <div class="c-service__content">
      <div class="c-service__content__title">{{ title }}</div>
      <div class="c-service__content__text">{{ text }}</div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.c-service {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid #5f95ff;
  background-color: rgba(95, 149, 255, 0.05);
  &__svg {
    max-width: 64px;
    max-height: 64px;
  }
  &__content {
    flex: 1;
    &__title {
      font-size: 16px;
      color: #0e1215;
      font-weight: 600;
    }
    &__text {
      font-size: 12px;
      color: #6c757d;
    }
  }
}
</style>
